<%@ page import="com.cc.entity.MeetingRoom" %>
<%@ page import="java.util.List" %><%--
  Created by IntelliJ IDEA.
  User: lenovo
  Date: 2025/10/23
  Time: 11:34
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%--引入标签库--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>会议室列表</title>
</head>
<style>
    table {
        width: 100%;
    }

    /*    隔行换色 odd:奇数  even:偶数*/
  tbody tr:nth-child(even) {
        background-color: #f5f5f5;
    }
</style>
<%-- 引入jquery --%>
<script src="js/jquery.js"></script>
<body>
<h1>会议室列表</h1>
<table border="1">
    <tr>
        <th>编号</th>
        <th>会议室名称</th>
        <th>容纳人数</th>
        <th>会议室部门</th>
        <th>会议室位置</th>
        <th>会议室状态</th>
        <th>操作</th>
    </tr>
    <tbody>
<%--        <c:forEach items="${meetingRooms}" var="meetingRoom">--%>
<%--            <tr>--%>
<%--                <td>${meetingRoom.id}</td>--%>
<%--                <td>${meetingRoom.name}</td>--%>
<%--                <td>${meetingRoom.number}</td>--%>
<%--                <td>${meetingRoom.dept}</td>--%>
<%--                <td>${meetingRoom.local}</td>--%>
<%--                <td>--%>
<%--                    <c:if test="${meetingRoom.state == 1}">已预约</c:if>--%>
<%--                    <c:if test="${meetingRoom.state == 2}">使用中</c:if>--%>
<%--                    <c:if test="${meetingRoom.state == 3}">空闲中</c:if>--%>
<%--                </td>--%>
<%--                <td>--%>
<%--                    <a href="/meetingRoom.do?method=delete&id=${meetingRoom.id}">删除</a>--%>
<%--                </td>--%>
<%--            </tr>--%>
<%--        </c:forEach>--%>
    </tbody>

    <%--   <%--%>
    <%--       List<MeetingRoom> meetingRooms = (List<MeetingRoom>) request.getAttribute("meetingRooms");--%>
    <%--       String status = "";--%>
    <%--       for (MeetingRoom meetingRoom : meetingRooms) {--%>
    <%--           if(meetingRoom.getState() == 1){--%>
    <%--               status="已预约";--%>
    <%--           }else if(meetingRoom.getState() == 2){--%>
    <%--               status="使用中";--%>
    <%--           }else if(meetingRoom.getState() == 3){--%>
    <%--               status="空闲中";--%>
    <%--           }--%>
    <%--   %>--%>
    <%--    <tr>--%>
    <%--        <td><%= meetingRoom.getId() %></td>--%>
    <%--        <td><%= meetingRoom.getName() %></td>--%>
    <%--        <td><%= meetingRoom.getNumber() %></td>--%>
    <%--        <td><%= meetingRoom.getDept() %></td>--%>
    <%--        <td><%= meetingRoom.getLocal() %></td>--%>
    <%--        <td><%= status %></td>--%>
    <%--        <td>--%>
    <%--            <a href="/meetingRoom.do?action=delete&id=<%= meetingRoom.getId() %>">删除</a>--%>
    <%--    <%--%>
    <%--        }--%>
    <%--    %>--%>
</table>

</body>
</html>
<script>
    /*页面加载*/
    // $(function () {
    //
    // })
    //js原生加载
    //window.onload = function () {}
    $(document).ready(function () {
        //alert("页面加载完成")
        getList();
    })
    //获取列表
    function getList() {
        $.ajax({
            url: "/meetingRoom.do?method=list",
            type: "get",
            dataType: "json",
            success: function (data) {
                console.log('返回结果集：',data)
            }
        })
    }
</script>